{"componentChunkName":"component---src-templates-blog-post-js","path":"/Test/[Angular]_unit_test/","result":{"data":{"site":{"siteMetadata":{"title":"JULog","author":"[Ju Chan Hwang]","siteUrl":"https://julog.netlify.app","comment":{"disqusShortName":"","utterances":"JuChanHwang/gatsby-starter-bee"},"sponsor":{"buyMeACoffeeId":"jbee"}}},"markdownRemark":{"id":"6fea899a-d8c3-50b7-b91a-dd76277d795f","excerpt":"캐시 추가 충전 버튼 테스트하기 아래의 코드는 캐시 추가 충전 버튼에 대한 테스트 코드이다. krw-cash-calculator.spec.ts 총 4개의 테스트를 작성해보았다. 충전금을 설정하는 setAmount 테스트, 충전금을 추가하기 위한 plus 테스트, 빼기 위한 minus…","html":"

캐시 추가 충전 버튼 테스트하기

\n\"스크린샷\n

아래의 코드는 캐시 추가 충전 버튼에 대한 테스트 코드이다.

\n
\n

krw-cash-calculator.spec.ts

\n
\n
describe('KRWCashCalculator', () => {\n  let calculator: ICashCalculator;\n  beforeEach(() => {\n    calculator = new KRWCashCalculator();\n  });\n\n  // setAmount 함수 테스트\n  [\n    { initialAmount: 10000, amount: 10000 },\n    { initialAmount: 100000, amount: 100000 },\n  ].forEach(({ initialAmount, amount }) => {\n    it(`setAmount 검증 (초기 금액: ${initialAmount}) => calculator.amount: ${amount}원`, () => {\n      calculator.setAmount(initialAmount);\n      expect(calculator.amount).toBe(amount);\n    });\n  });\n\n  // plus 버튼 테스트\n  [\n    { initialAmount: 12000, nextAmount: 15000, nextBonus: 2000 },\n    { initialAmount: 15000, nextAmount: 20000, nextBonus: 3000 },\n    { initialAmount: 20000, nextAmount: 22000, nextBonus: 3000 },\n    { initialAmount: 50000, nextAmount: 55000, nextBonus: 8000 },\n    { initialAmount: 55000, nextAmount: 60000, nextBonus: 9000 },\n    { initialAmount: 100000, nextAmount: 110000, nextBonus: 16500 },\n    { initialAmount: 990000, nextAmount: 1000000, nextBonus: 150000 },\n  ].forEach(({ initialAmount, nextAmount, nextBonus }) => {\n    it(`plus 검증 (초기 금액: ${initialAmount}) => ${nextAmount}원  (+${nextBonus}원 적립)`, () => {\n      calculator.setAmount(initialAmount);\n      calculator.plus();\n      expect(calculator.amount).toBe(nextAmount);\n      expect(calculator.bonus).toBe(nextBonus);\n    });\n  });\n\n  // minus 버튼 테스트\n  [\n    { initialAmount: 15000, prevAmount: 12000, prevBonus: 1500 },\n    { initialAmount: 20000, prevAmount: 15000, prevBonus: 2000 },\n    { initialAmount: 22000, prevAmount: 20000, prevBonus: 3000 },\n    { initialAmount: 55000, prevAmount: 50000, prevBonus: 7500 },\n    { initialAmount: 60000, prevAmount: 55000, prevBonus: 8000 },\n    { initialAmount: 110000, prevAmount: 100000, prevBonus: 15000 },\n    { initialAmount: 1000000, prevAmount: 990000, prevBonus: 148500 },\n  ].forEach(({ initialAmount, prevAmount, prevBonus }) => {\n    it(`minus 검증 (초기 금액: ${initialAmount}) => ${prevAmount}원  (+${prevBonus}원 적립)`, () => {\n      calculator.setAmount(initialAmount);\n      calculator.minus();\n      expect(calculator.amount).toBe(prevAmount);\n      expect(calculator.bonus).toBe(prevBonus);\n    });\n  });\n\n  // get bonus() 테스트\n  [\n    { initialAmount: 12000, bonus: 1500 },\n    { initialAmount: 15000, bonus: 2000 },\n    { initialAmount: 20000, bonus: 3000 },\n    { initialAmount: 55000, bonus: 8000 },\n    { initialAmount: 95000, bonus: 14000 },\n    { initialAmount: 1000000, bonus: 150000 },\n  ].forEach(({ initialAmount, bonus }) => {\n    it(`bonus 검증 (초기 금액: ${initialAmount}) => +${bonus}원 적립`, () => {\n      calculator.setAmount(initialAmount);\n      expect(calculator.bonus).toBe(bonus);\n    });\n  });\n});
\n

총 4개의 테스트를 작성해보았다. 충전금을 설정하는 setAmount 테스트, 충전금을 추가하기 위한 plus 테스트, 빼기 위한 minus 테스트, 그리고 충전금에 대한 보너스(적립금)에 대한 테스트이다.

\n
\n
테스트 코드를 작성해야하는 이유
\n","frontmatter":{"title":"[Angular] Unit Test","date":"September 28, 2020"}}},"pageContext":{"slug":"/Test/[Angular]_unit_test/","previous":{"fields":{"slug":"/Today I Learned/css_touch-action/"},"frontmatter":{"title":"css touch-action","category":"Today I Learned","draft":false}},"next":{"fields":{"slug":"/TypeScript/인터페이스/"},"frontmatter":{"title":"인터페이스","category":"TypeScript","draft":false}}}},"staticQueryHashes":["3128451518","96099027"]}